<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>视觉滚动</title>
    <style>
      body {
        background-image: url(https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fbj-yuantu.fotomore.com%2Fcreative%2Fvcg%2Fnew%2FVCG211359631262.jpg%3FExpires%3D1643621486%26OSSAccessKeyId%3DLTAI2pb9T0vkLPEC%26Signature%3D9U4Yy4ohZHnVaGzyutKSXosROY0%253D%26x-oss-process%3Dimage%252Fauto-orient%252C0%252Fsaveexif%252C1%252Fresize%252Cm_lfit%252Ch_1200%252Cw_1200%252Climit_1%252Fsharpen%252C100%252Fquality%252CQ_80%252Fwatermark%252Cg_se%252Cx_0%252Cy_0%252Cimage_d2F0ZXIvdmNnLXdhdGVyLTIwMDAucG5nP3gtb3NzLXByb2Nlc3M9aW1hZ2UvcmVzaXplLG1fbGZpdCxoXzE3MSx3XzE3MSxsaW1pdF8x%252F&refer=http%3A%2F%2Fbj-yuantu.fotomore.com&app=2002&size=f10000,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1645846671&t=4208f123f49b2bbf5fa710fa0f88597a);
        background-attachment: fixed;
        background-repeat: no-repeat;
      }
    </style>
  </head>
  <body>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    <p>
      和山东黄金卡萨活动开始将获得萨卡活动卡萨较好的萨科技和大街上客户登记卡上
    </p>
    背景图总结： 他是在网页中显示图片的另一种形式 基本：color image repeat
    position 优化：size attachment 如何选择在开发使用背景图还是img？
    1.如果开发没有什么明确要求，推荐使用img img有助于seo
    2.普通图片我们还是选择img，但是涉及一些logo或者图标，或者超大背景图，选择使用
    background-image
    通常情况下，logo和图标我们会放在精灵图（background-position）超大背景图用img显示的话，不好布局
  </body>
</html>
